<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>玉灵 QQ:7031633 Email:webrx@126.com</title>
    <meta name="keywords" content="关键字">
    <meta name="description" content="简介">
</head>

<body>
<style>
    /*属性选择器 E[属性]  E[属性=值] E[属性^=值] E[属性$=值] E[属性*=值] */

    input[name*=e] {
        margin: 5px;
        padding: 5px;
        color: green;
    }

    .ad {
        color: red;
    }

    /* 伪类选择器 :hover*/
    .t1 {
        /*过渡动画*/
        transition: all .3s;
    }

    h1:hover {
        /* 鼠标效果为手型 */
        cursor: pointer;
        font-size: 50px;
        color: red;
    }

    .box {
        width: 100px;
        height: 50px;
        background-color: green;
        line-height: 50px;
    }

    .box:hover {
        background: #000;
        width: 400px;
        color: #fff;
    }

    .menu a:link {
        color: black;
        text-decoration: none;
    }
    .menu a:hover{
        color:red;
        text-decoration: underline;
    }
    .menu a:active{
        color:yellow;
    }

    .menu a:visited{
        color:purple;
        text-decoration: underline;
    }

</style>

<div class="menu">
<a href="http://www.taobao.com">淘宝</a>
<a href="http://www.baidu.com">百度</a>

</div>

<a href="http://www.taobao.com">淘宝</a>
<a href="http://www.baidu.com">百度</a>


<hr>
<label><input class="ad" type="text" name="username"></label><br>
<label><input type="text" name="usrag"></label><br>
<label><input type="text" name="useraddress"></label><br>
<hr>
<h1 class="t1">hello world</h1>
<div class="box t1">ww</div>
<div class="box t1">bb</div>
<div class="box t1">ff</div>
<div class="box t1">ee</div>
</body>
</html>
